<template scope>
  <div class="divcss">
    <!-- <div class="contents"> -->
    <!-- <div style="display: flex; justify-content: flex-start; align-item: left"> -->
    <div style="width:33pt; height:65pt text-align: center;">
      <img
        :src="src"
        style="float: center; height: 13pt; width: 15pt; align-item: center"
      />
    </div>
    <div class="textStyle">
      <div style=" float: left;font-family: Source Han Sans CN;">{{title}}</div>
    </div>
    <!-- </div> -->

    <div class="styleBut">
      <!-- <span> -->
      <!-- <button style="border: 1px;float: center;line-height:22px">buha</button> -->
       
      <!-- </span> -->
      <button style="border: 1px solid #FF0000; color: #ff4e00;border-radius: 20px;height: 22px;line-height:22px;font-size: 14px;">交卷子</button>
    </div>
  </div>
</template>


<script>
import img from "../ImageTitle/title_image.png";
export default {
  name: "ImageTitle",
  data() {
    return { name: "", src: img };
  },
  props: {
    title: {
      type: String,
      default: "null",
      // setter(val){
      //   this.name = val
      // },
      // getters(){

      // }
    },
  },
  computed: {},
  methods: {
    configuration(params) {
      params = params;
      alert("设置完毕");
    },
  },
};
</script>

<style scope>
.textStyle {
  flex: 1;
  overflow: hidden; /*溢出隐藏*/
  text-overflow: ellipsis; /*以省略号...显示*/
  white-space: nowrap; /*强制不换行*/
  /* flex:0 0 20%; */
  /* align-content: line-height; */
  /* width: 100px; */
  /* margin:20px 2.5%; */
  align-content: left;
  /* box-sizing: border-box; */
  /* border: 1px solid red; */
}
.styleBut {
   /* display:flexbox; */
  /* justify-content: center;
  align-items: center; */
  /* border: 2px solid #ff0000; */
  /* background: linear-gradient(
    90deg,
    rgba(19, 105, 244, 0.94),
    rgba(255, 0, 72, 0.94)
  ); */
  /* float:right; */
  /* text-align:center; */
  /* align-content: center; */
  /* border-radius: 10pt; */
  overflow: hidden;
  white-space: nowrap; 
  width: 65pt;
  background-color: white;
  /* font-size: 28px; */
  font-family: Source Han Sans CN;
  /* margin:10pt; */
  /* padding-right:1pt; */
  /* font-weight: 400; */
/* float:center */
  /* align-content:center */
  /* padding-bottom:20%; */
  /* line-height: 40px; */
}
.contents {
  /* align-content: space-between; */
  /* position: absolute; */
  /* height: 65pt; */
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.divcss {
  display: flex;
  overflow: hidden; /*溢出隐藏*/
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  background-color: white;
  border-radius: 10px;
  height: 65pt;
  /* text-align: center; */
  line-height: 65pt;
}
</style>